<template>
  <div class="html">
    <div class="zd">
      <router-link to="/shangcheng">
        <span>&lt;</span>
      </router-link>
      <span> x </span>
      <span>优惠购机-中国移动</span>
    </div>
    <div class="bigimg">
      <img src="img/liuimg/youhui.jpg" alt="" />
    </div>
    <div class="youhuilist">
      <div class="biglist">
        <div class="smalllist">
          <div class="smalllistimg">
            <router-link to="/xiangqing">
              <img src="img/liuimg/xiangqingiphone.jpg" alt="" />
            </router-link>
          </div>
          <div><h2>&nbsp;￥5499</h2></div>
          <div>&nbsp;&nbsp;&nbsp;iphone13</div>
          <div><span>&nbsp;&nbsp;&nbsp;&nbsp;承诺在网24个月，合约..</span></div>
          <div class="button">立即购买</div>
        </div>
        <div class="smalllist">
          <div class="smalllistimg">
            <router-link to="/xiangqing">
              <img src="img/liuimg/xiangqingiphone.jpg" alt="" />
            </router-link>
          </div>
          <div><h2>&nbsp;￥5499</h2></div>
          <div>&nbsp;&nbsp;&nbsp;iphone13</div>
          <div><span>&nbsp;&nbsp;&nbsp;&nbsp;承诺在网24个月，合约..</span></div>
          <div class="button">立即购买</div>
        </div>
      </div>
      <div class="biglist">
        <div class="smalllist">
          <div class="smalllistimg">
            <router-link to="/xiangqing">
              <img src="img/liuimg/xiangqingiphone.jpg" alt="" />
            </router-link>
          </div>
          <div><h2>&nbsp;￥5499</h2></div>
          <div>&nbsp;&nbsp;&nbsp;iphone13</div>
          <div><span>&nbsp;&nbsp;&nbsp;&nbsp;承诺在网24个月，合约..</span></div>
          <div class="button">立即购买</div>
        </div>
        <div class="smalllist">
          <div class="smalllistimg">
            <router-link to="/xiangqing">
              <img src="img/liuimg/xiangqingiphone.jpg" alt="" />
            </router-link>
          </div>
          <div><h2>&nbsp;￥5499</h2></div>
          <div>&nbsp;&nbsp;&nbsp;iphone13</div>
          <div><span>&nbsp;&nbsp;&nbsp;&nbsp;承诺在网24个月，合约..</span></div>
          <div class="button">立即购买</div>
        </div>
      </div>
      <div class="biglist">
        <div class="smalllist">
          <div class="smalllistimg">
            <router-link to="/xiangqing">
              <img src="img/liuimg/xiangqingiphone.jpg" alt="" />
            </router-link>
          </div>
          <div><h2>&nbsp;￥5499</h2></div>
          <div>&nbsp;&nbsp;&nbsp;iphone13</div>
          <div><span>&nbsp;&nbsp;&nbsp;&nbsp;承诺在网24个月，合约..</span></div>
          <div class="button">立即购买</div>
        </div>
        <div class="smalllist">
          <div class="smalllistimg">
            <router-link to="/xiangqing">
              <img src="img/liuimg/xiangqingiphone.jpg" alt="" />
            </router-link>
          </div>
          <div><h2>&nbsp;￥5499</h2></div>
          <div>&nbsp;&nbsp;&nbsp;iphone13</div>
          <div><span>&nbsp;&nbsp;&nbsp;&nbsp;承诺在网24个月，合约..</span></div>
          <div class="button">立即购买</div>
        </div>
      </div>
      <div class="biglist">
        <div class="smalllist">
          <div class="smalllistimg">
            <router-link to="/xiangqing">
              <img src="img/liuimg/xiangqingiphone.jpg" alt="" />
            </router-link>
          </div>
          <div><h2>&nbsp;￥5499</h2></div>
          <div>&nbsp;&nbsp;&nbsp;iphone13</div>
          <div><span>&nbsp;&nbsp;&nbsp;&nbsp;承诺在网24个月，合约..</span></div>
          <div class="button">立即购买</div>
        </div>
        <div class="smalllist">
          <div class="smalllistimg">
            <router-link to="/xiangqing">
              <img src="img/liuimg/xiangqingiphone.jpg" alt="" />
            </router-link>
          </div>
          <div><h2>&nbsp;￥5499</h2></div>
          <div>&nbsp;&nbsp;&nbsp;iphone13</div>
          <div><span>&nbsp;&nbsp;&nbsp;&nbsp;承诺在网24个月，合约..</span></div>
          <div class="button">立即购买</div>
        </div>
      </div>
      <div class="biglist">
        <div class="smalllist">
          <div class="smalllistimg">
            <router-link to="/xiangqing">
              <img src="img/liuimg/xiangqingiphone.jpg" alt="" />
            </router-link>
          </div>
          <div><h2>&nbsp;￥5499</h2></div>
          <div>&nbsp;&nbsp;&nbsp;iphone13</div>
          <div><span>&nbsp;&nbsp;&nbsp;&nbsp;承诺在网24个月，合约..</span></div>
          <div class="button">立即购买</div>
        </div>
        <div class="smalllist">
          <div class="smalllistimg">
            <router-link to="/xiangqing">
              <img src="img/liuimg/xiangqingiphone.jpg" alt="" />
            </router-link>
          </div>
          <div><h2>&nbsp;￥5499</h2></div>
          <div>&nbsp;&nbsp;&nbsp;iphone13</div>
          <div><span>&nbsp;&nbsp;&nbsp;&nbsp;承诺在网24个月，合约..</span></div>
          <div class="button">立即购买</div>
        </div>
      </div>
      <div class="biglist">
        <div class="smalllist">
          <div class="smalllistimg">
            <router-link to="/xiangqing">
              <img src="img/liuimg/xiangqingiphone.jpg" alt="" />
            </router-link>
          </div>
          <div><h2>&nbsp;￥5499</h2></div>
          <div>&nbsp;&nbsp;&nbsp;iphone13</div>
          <div><span>&nbsp;&nbsp;&nbsp;&nbsp;承诺在网24个月，合约..</span></div>
          <div class="button">立即购买</div>
        </div>
        <div class="smalllist">
          <div class="smalllistimg">
            <router-link to="/xiangqing">
              <img src="img/liuimg/xiangqingiphone.jpg" alt="" />
            </router-link>
          </div>
          <div><h2>&nbsp;￥5499</h2></div>
          <div>&nbsp;&nbsp;&nbsp;iphone13</div>
          <div><span>&nbsp;&nbsp;&nbsp;&nbsp;承诺在网24个月，合约..</span></div>
          <div class="button">立即购买</div>
        </div>
      </div>
      <div class="biglist">
        <div class="smalllist">
          <div class="smalllistimg">
            <router-link to="/xiangqing">
              <img src="img/liuimg/xiangqingiphone.jpg" alt="" />
            </router-link>
          </div>
          <div><h2>&nbsp;￥5499</h2></div>
          <div>&nbsp;&nbsp;&nbsp;iphone13</div>
          <div><span>&nbsp;&nbsp;&nbsp;&nbsp;承诺在网24个月，合约..</span></div>
          <div class="button">立即购买</div>
        </div>
        <div class="smalllist">
          <div class="smalllistimg">
            <router-link to="/xiangqing">
              <img src="img/liuimg/xiangqingiphone.jpg" alt="" />
            </router-link>
          </div>
          <div><h2>&nbsp;￥5499</h2></div>
          <div>&nbsp;&nbsp;&nbsp;iphone13</div>
          <div><span>&nbsp;&nbsp;&nbsp;&nbsp;承诺在网24个月，合约..</span></div>
          <div class="button">立即购买</div>
        </div>
      </div>
    </div>
    <div class="demind">
      <div class="demindcenter">
        <div class="demindheader">
          <h4>|价格说明|</h4>
        </div>
        <h4>划线价格（专柜价、官方价等）∶</h4>
        <span
          >商品的专柜价、吊牌价、正品零售价、厂商指导价、官方价或该商品的曾经展示过的销售价等,并非原价,仅供参考。</span
        >
        <h4>未划线价格（实时标价等)∶</h4>
        <span
          >商品的实时标价,不因表述的差异改变性质。具体成交价格根据商品参加活动,或会员使用优惠券、积分等发生变化,最终以订单结算页价格为准。</span
        >
        <div class="demindfoot">
          本商户有权在法律允许范围内对本次活动规则进行解释和说明
        </div>
      </div>
    </div>
    <div class="youhuifoot">
        <div>   <span
        >京ICP备05002571号证照信息<br />
        Copyrightc1999-2022中国移动版权所有<br />
        本网站支持IPv6访问</span
      ></div>
   
    </div>
    <div class="rubbish"></div>
  </div>
</template>

<script>
export default {};
</script>

<style>
.zd {
  height: 0.3rem;
  width: 100%;
  line-height: 0.3rem;
  text-align: left;
  font-size: 0.25rem;
}
.bigimg {
  width: 100%;
  height: 1.8rem;
}
.bigimg img {
  width: 100%;
}
.youhuilist {
  width: 100%;
  min-height: 2rem;
  margin-top: 0.1rem;
  overflow: hidden;
}
.biglist {
  width: 3.62rem;
  height: 3rem;
  margin: 0.1rem auto;

  display: flex;
  justify-content: space-between;
}
.smalllist {
  width: 1.75rem;
  height: 3rem;
  border: #dfdfdf 1px solid;
  border-radius: 0.1rem;
}
.smalllistimg {
  margin-left: 0.1rem;
}
.smalllistimg img {
  width: 1.6rem;
  height: 1.6rem;
}
.biglist h2 {
  color: #f61d5b;
}
.button {
  width: 1.6rem;
  height: 0.4rem;
  color: white;
  background-color: #f61d5b;
  border-radius: 0.1rem;
  line-height: 0.4rem;
  text-align: center;
  margin: 0.1rem auto;
}
.smalllist span {
  color: gray;
  font-size: 0.12rem;
}
.demind {
  min-height: 2rem;
  width: 100%;
}
.demindcenter {
  width: 3.4rem;
  min-height: 2rem;
  margin: 0 auto;
  background-color: #fff2e2;
  border-radius: 0.1rem;
}
.demindheader {
  text-align: center;
  height: 0.3rem;
  line-height: 0.3rem;
}
.demindcenter span {
  font-size: 0.12rem;
  color: gray;
}
.demindfoot {
  background-color: #fdecd2;
  font-size: 0.1rem;
  height: 0.4rem;
  line-height: 0.4rem;
  border-radius: 0.1rem;
}
.rubbish {
  height: 3rem;
  width: 100%;
}.youhuifoot{
    height: 1rem;
    width: 100%;
    font-size: .12rem;
    text-align: center;
    border-top: 1px solid #dfdfdf;
    margin-top: .3rem;
}
.youhuifoot div{
margin-top: .5rem;
}
</style>